<%-- 
    Document   : header
    Created on : 22/05/2010, 16:10:30
    Author     : leoomoreira
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<% response.setHeader("Cache-control", "no-cache");%>
<% response.setHeader("Pragma", "no-cache");%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="Cache-Control" content="no-cache, no-store" />
        <meta http-equiv="Pragma" content="no-cache, no-store" />
        <meta http-equiv="Expires" content="0"/>
        <link rel="icon" href="images/tux.png" type="image/x-icon">
        <link rel="shortcut icon" href="images/tux.png" type="image/x-icon">
        <link href="css/default.css" rel="stylesheet" type="text/css" />
        <link href="css/modal.css" rel="stylesheet" type="text/css" media="screen" />
        <%--
        <link href="css/lightbox.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />
        --%>
        <script type="text/javascript" src="js/prototype.js"></script>
        <script type="text/javascript" src="js/modal.js"></script>
        <%--
        <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
        <script type="text/javascript" src="js/lightbox.js"></script>
        <script type="text/javascript" src="js/lightwindow.js"></script>
        --%>
        <script type="text/javascript">
            function showLoading() {
                sm('loadingDiv',300,50);
            }
            function closeLoading() {
                hm('loadingDiv');
            }
        </script>
        <%--
        <script type="text/javascript">
            function getPageSize(){
                var xScroll, yScroll;
                if (window.innerHeight && window.scrollMaxY) {
                    xScroll = document.body.scrollWidth;
                    yScroll = window.innerHeight + window.scrollMaxY;
                } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
                    xScroll = document.body.scrollWidth;
                    yScroll = document.body.scrollHeight;
                } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
                    xScroll = document.body.offsetWidth;
                    yScroll = document.body.offsetHeight;
                }
                var windowWidth, windowHeight;
                if (self.innerHeight) {	// all except Explorer
                    windowWidth = self.innerWidth;
                    windowHeight = self.innerHeight;
                } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
                    windowWidth = document.documentElement.clientWidth;
                    windowHeight = document.documentElement.clientHeight;
                } else if (document.body) { // other Explorers
                    windowWidth = document.body.clientWidth;
                    windowHeight = document.body.clientHeight;
                }
                // for small pages with total height less then height of the viewport
                if(yScroll < windowHeight){
                    pageHeight = windowHeight;
                } else {
                    pageHeight = yScroll;
                }
                // for small pages with total width less then width of the viewport
                if(xScroll < windowWidth){
                    pageWidth = windowWidth;
                } else {
                    pageWidth = xScroll;
                }
                arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
                return arrayPageSize;
            }
            function showLoading() {
                bodyOverlay();
            }
            function closeLoading() {
                removerOverlay();
            }
            function bodyOverlay() {
                var objBody = document.getElementsByTagName('body').item(0);
                var arrayPageSize = getPageSize();
                var bodyOverlay = document.createElement("div");
                bodyOverlay.setAttribute('id','bodyOverlay');
                bodyOverlay.style.height = arrayPageSize[1] + 'px'; // fundo com o tamanho total da página.
                if (!document.getElementById('bodyOverlay')) {
                    objBody.insertBefore(bodyOverlay, objBody.firstChild);
                }
            }
            function removerOverlay() {
                var bodyOverlay = document.getElementById('bodyOverlay');
                if (bodyOverlay) {
                    bodyOverlay.parentNode.removeChild(bodyOverlay);
                }
            }
        </script>
        --%>
        <style type="text/css">
        </style>
        <title>Fullalbum</title>
    </head>
    <body>
        <div id="loadingDiv" class="dialog" style="display: none;">
            <center>
            <img src="images/loading.gif" />
            <br/>
            <fmt:message key="messages.loading"/>...<br/>
            <a href="javascript:hm('loadingDiv');"><fmt:message key="messages.loading.clickhere"/></a> <fmt:message key="messages.loading.closewindow"/>.
            </center>
        </div>
        <table>
            <tr>
                <td><img src="images/tux.png" /></td>
                <td>Fullalbum</td>
                <td>|</td>
                <td><img src="images/house.png" /></td>
                <td><a href="MainServlet"><fmt:message key="main.header.myspace"/></a></td>
                <td>|</td>
                <td><img src="images/user.png" /></td>
                <td><span class="username"><%= session.getAttribute("userName")%></span></td>
                <td>|</td>
                <td>
                    <a href="ChangeLocaleServlet?language=pt"><img src="images/br.gif" border="0" /></a>
                    &nbsp;
                    <a href="ChangeLocaleServlet?language=us"><img src="images/us.gif" border="0" /></a>
                </td>
                <td>|</td>
                <td><img src="images/door_out.png" /></td>
                <td><a href="LogoutServlet"><fmt:message key="main.header.signout"/></a></td>
            </tr>
        </table>
        <hr/>